<template>
  <div style="padding-top:46px">
    <van-nav-bar title="下单完成" right-text="完成" style="color:#333333" @click-right="onClickRight" fixed/>
    <div class="content">
      <i class="iconfont icon-dingdanwanchengduihao_huaban"></i>
      <p class="p1">下单成功</p>
      <p class="p2">
        您的订单已经派发到平台中，请<br>
        预先整理好废品，谢谢配合！</p>
    </div>
    <div class="btn">
      <button class="btn1">查看订单</button>
      <button class="btn2">返回首页</button>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'products',
    data() {
      return {
      };
    },
    methods: {
      onClickRight() {
        this.$toast('按钮');
      }
    }
  };
</script>
<style lang="less" scoped>
  .van-nav-bar__text {
    font-size: 30px;
  }

  .content {
    background: #ffffff;
    height: 394px;
    text-align: center;
    padding-top: 60px;
    margin: 0px;
    .icon-dingdanwanchengduihao_huaban {
      font-size: 90px;
      color: green;
    }
    .p1 {
      color: green;
      font-size: 36px;
    }
    .p2 {
      color: #999999;
      font-size: 28px;
    }
  }

  .btn {
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin: 60px;
    button {
      width: 269px;
      height: 90px;
      background: none;
      border-radius: 50px;
      font-size: 32px;
    }
    .btn1 {
      border: 3px solid #f7a427;
      color: #f7a427;
    }
    .btn2 {
      border: 3px solid #d9d9d9;
      background: #d9d9d9;
      color: white;
    }
  }
</style>
